import type { EChartsOption } from 'echarts'
import * as echarts from 'echarts/core'

export function getOption(): EChartsOption {
  return {
    tooltip: {
      trigger: 'axis',
      show: false,
      axisPointer: {
        // 坐标轴指示器，坐标轴触发有效
        type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
      },
    },
    legend: {
      show: false,
    },
    grid: {
      left: '5%',
      right: '22%',
      bottom: '0%',
      top:'10%',
      containLabel: true,
    },
    xAxis: [
      {
        splitLine: {
          show: false,
        },
        type: 'value',
        show: false,
      },
    ],
    yAxis: [
      {
        splitLine: {
          show: false,
        },
        axisLine: {
          //y轴
          show: false,
        },
        type: 'category',
        axisTick: {
          show: false,
        },
        inverse: true,
        data: ['第一阶段', '第二阶段', '第三阶段',],
        axisLabel: {
          color: '#A7D6F4',
          fontSize: 14,
        },
      },
    ],
    series: [
      {
        name: '标准化',
        type: 'bar',
        barWidth: 15, // 柱子宽度
        barGap:'20%',
        label: {
          show: true,
          position: 'right', // 位置
          color: '#A7D6F4',
          fontSize: 14,
          distance: 25, // 距离
          formatter: '{c} %', // 这里是数据展示的时候显示的数据
        },
        itemStyle: {
          color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
            {
              offset: 0,
              color: 'rgb(204,80,52)',
            },
            {
              offset: 1,
              color: 'rgb(190,178,48)',
            },
          ]),
        },
        data: [56, 456, 350, 208, 123],
      },
    ],
  }
}
